<template>
	<div>
		<!-- 生产报表配置 -->
		<pol-title title="生产报表配置"></pol-title>
		<div class="padding-lr border-solid bg-tm radius-sm main-box-height">
			<div class="flex align-center padding el-input-num margin-top">
				<span class="text-white2">报表名：</span>
				<el-input style="width: 50%" placeholder="请输入报表名" size="large" />
			</div>
			
			<div class="flex text-white margin-top-lg padding-lr-xl padding-top">
				<div>字段：</div>
				<div class="flex-sub">
					<div class="flex">
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
					</div>
					
					
					<div class="flex" style="margin-top: 50px;">
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
						
						<div class="repost-item solid-right">
							<div class="">
								数据接口1
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段一</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段二</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段三</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段四</span>
									</template>
								</el-checkbox>
							</div>
							<div class="rest-el-checkbox margin-top">
								<el-checkbox v-model="checked1" size="large" class="margin-right-xxl">
									<template #default>
										<span class="text-white2">字段五</span>
									</template>
								</el-checkbox>
							</div>
						</div>
					</div>
				</div>
			</div>
		
		
			<div class="flex justify-end" style="padding-top: 100px; padding-right: 100px; margin-bottom: 50px;">
				<el-button type="primary" class="btn-bg-blue margin-left" size="large" style="margin-left: 50px;">保存</el-button>
			</div>
		</div>
	</div>
</template>

<script setup>
	import { ref } from 'vue';
	
	const checked1 = ref(false)
	
</script>

<style lang="scss" scoped>
	.repost-item{
		padding: 0 4%;
	}
</style>